<script setup>
import { ref, onMounted } from 'vue'
import leftNav from '@/components/common/left-nav.vue' //左侧导航
import via from '@/assets/icon/touxiang.svg' //左侧导航
import quit from '@/assets/icon/quit.svg' //左侧导航

const username = ref("");

onMounted(() => {
  setTimeout(function () {
    username.value = window.sessionStorage.getItem('username');
  }, 1000)
})

</script>

<template>
  <div class="human-activities">
    <left-nav></left-nav>
    <div class="ha-box">
      <router-view />
    </div>
  </div>
</template>

<style scoped>
.human-activities {
  width: 100%;
  height: 100%;
  display: flex;
}

.ha-box {
  width: calc(100% - 160px);
  height: 100%;
  padding: 16px;
  background-color: #F5F7FA;
  overflow: hidden;
}

.ha-box>div{
  width: 100%;
  height: 100%;
  padding: 24px;
  background-color: #fff;
  position: relative;
}

</style>
